*{
	padding: 0;
	margin: 0;
}

#orderTitle{
	width: 100%;
	line-height: 1rem;
	height: 1.3rem;
	background-color: white;
	text-align: center;
	position: relative;
}

.My_Oder {
	width: 4rem;
    font-size: 0.5rem;
    font-family: "HelveticaNeue";
    color: rgb(93, 93, 93);
    margin-top: -1.1rem;
    margin-left: 3.4rem;
    text-align: center;
    -moz-transform: matrix( 0.8719806763285,0,0,0.87121212121212,0,0);
    -webkit-transform: matrix( 0.8719806763285,0,0,0.87121212121212,0,0);
    -ms-transform: matrix( 0.8719806763285,0,0,0.87121212121212,0,0);
    position: relative;
    z-index: 116;
}

.greenBgreyT{
	margin-top: 0.2rem;
	display: flex;
	flex-direction: column;
	background-color: white;
	height: 1.7rem;
}
.greyT{
	margin-top: 0.2rem;
	display: flex;
	flex-direction: row;
}
#greenlineBlock{
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 1.35rem;
}
.greenBlock{
	background-color: #8dce6f;
	width: 0.9rem;
	height: 0.9rem;
	margin-top: 0.2rem;
	border-radius: 2rem;
}
.greenBlock_left{
	margin-left: 6%;	
}
.greenBlock_end{
	background-color: #c4c4c4;
}
.blockText {
  font-size: 0.35rem;
  font-family: "Myriad Pro";
  color: rgb(147, 147, 147);
  -moz-transform: matrix( 0.87037037037037,0,0,0.87111111111111,0,0);
  -webkit-transform: matrix( 0.87037037037037,0,0,0.87111111111111,0,0);
  -ms-transform: matrix( 0.87037037037037,0,0,0.87111111111111,0,0);
  z-index: 108;
  margin-top: -0.3rem;
}

._3 {
  position: relative;
  font-size: 0.5rem;
  line-height: 1rem;
  font-family: "HelveticaNeue";
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-align: center;
  -moz-transform: matrix( 0.87037037037037,0,0,0.87111111111111,0,0);
  -webkit-transform: matrix( 0.87037037037037,0,0,0.87111111111111,0,0);
  -ms-transform: matrix( 0.87037037037037,0,0,0.87111111111111,0,0);
  z-index: 103;
}

#orderCenter{
	width: 100%;
	height: 50.5%;
	overflow:auto;
	margin-top: 0.2rem;
}
.detitaldiv{
	margin-bottom: 0.2rem;
	width: 96%;
	height: 2.5rem;
	background-color: white;
	box-shadow: 0.05rem 0.05rem 0.05rem #C4C4C4;
	display: flex;
	flex-direction: row;
}
.detitaldivdiv{
	display: flex;
	width: 5.5rem;
	flex-direction: column;
}

#orderFeet{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 6rem;
	position: fixed;
}
#inOrderFeet{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-grow:1;
	background-color: white;
}
.detitalBu{
	display: flex;
	flex-direction: row;
	align-items: center;
}

#ot1 {
	font-size: 0.48rem;
	width: 9rem;
	line-height: 0.5rem;
    font-family: "HelveticaNeue";
    color: rgb(106, 106, 106);
    margin-top: 0.3rem;
    margin-left: -0.52rem;
    text-align: left;
    -moz-transform: matrix( 0.87153652392947,0,0,0.87017543859649,0,0);
    -webkit-transform: matrix( 0.87153652392947,0,0,0.87017543859649,0,0);
    -ms-transform: matrix( 0.87153652392947,0,0,0.87017543859649,0,0);
    z-index: 72;
}
#ot2 {
  font-size: 0.35rem;
  font-family: "HelveticaNeue";
  color: rgb(147, 147, 147);
  line-height: 0.5rem;
  margin-left: -0.3rem;
  text-align: left;
  -moz-transform: matrix( 0.87153652392947,0,0,0.87017543859649,0,0);
  -webkit-transform: matrix( 0.87153652392947,0,0,0.87017543859649,0,0);
  -ms-transform: matrix( 0.87153652392947,0,0,0.87017543859649,0,0);
  z-index: 73;
}
#ot3 {
  font-size: 0.48rem;
  font-family: "HelveticaNeue";
  color: rgb(251, 61, 60);
  margin-top: 0.3rem;
  margin-left: -0.3rem;
  text-align: left;
  -moz-transform: matrix( 0.87153652392947,0,0,0.87017543859649,0,0);
  -webkit-transform: matrix( 0.87153652392947,0,0,0.87017543859649,0,0);
  -ms-transform: matrix( 0.87153652392947,0,0,0.87017543859649,0,0);
  z-index: 71;
}

#buT {
  font-size: 0.5rem;
  font-family: "HelveticaNeue";
  color: rgb(106, 106, 106);
  text-align: center;
  -moz-transform: matrix( 0.87153652392947,0,0,0.87017543859649,0,0);
  -webkit-transform: matrix( 0.87153652392947,0,0,0.87017543859649,0,0);
  -ms-transform: matrix( 0.87153652392947,0,0,0.87017543859649,0,0);
  z-index: 83;
}

.feetButton{
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 1.8rem;
	position: fixed;
	display: flex;
	flex-direction: row;
}
.greyButton{
	width: 50%;
	background-color: #838383;
}
.orangeButton{
	width: 50%;
	background-color: #ff8102;
}
.feetBuText {
	line-height: 1.8rem;
    font-size: 0.55rem;
    font-family: "Myriad Pro";
    color: rgb(255, 255, 255);
    text-align: center;
    z-index: 121;
}

.Grand_total {
  font-size: 0.5rem;
  height: 1.5rem;
  font-family: "HelveticaNeue";
  color: rgb(106, 106, 106);
  margin-left: 0.3rem;
  -moz-transform: matrix( 0.8695652173913,0,0,0.87021276595745,0,0);
  -webkit-transform: matrix( 0.8695652173913,0,0,0.87021276595745,0,0);
  -ms-transform: matrix( 0.8695652173913,0,0,0.87021276595745,0,0);
  z-index: 88;
}
.doller {
	width: 70%;
    font-size: 0.55rem;
    height: 1.5rem;
    font-family: "Myriad Pro";
    color: rgb(251, 61, 60);
    text-align: right;
    -moz-transform: matrix( 0.8695652173913,0,0,0.87021276595745,0,0);
    -webkit-transform: matrix( 0.8695652173913,0,0,0.87021276595745,0,0);
    -ms-transform: matrix( 0.8695652173913,0,0,0.87021276595745,0,0);
    z-index: 89;
}

.bigOrangeDiv{
	display: flex;
	flex-direction: column;
}
.bigOrange{
	margin-top: 25%;
	width: 3.5rem;
	height: 3.5rem;
	background-color: #ffa800;
	border-radius: 2rem;	
}
.bigOrangeBorder{
	margin-top: -0.1rem;
	margin-left: -0.1rem;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 2rem;
	border: 0.05rem solid #fe7909;
	position: absolute;
}
.bigOrangeText{
	margin-top: 0.6rem;
    font-size: 0.78rem;
    font-family: "HelveticaNeue";
    color: rgb(93, 93, 93);
    line-height: 1.282;
    text-align: center;
    -moz-transform: matrix( 0.78726968174204,0,0,0.78688524590164,0,0);
    -webkit-transform: matrix( 0.78726968174204,0,0,0.78688524590164,0,0);
    -ms-transform: matrix( 0.78726968174204,0,0,0.78688524590164,0,0);
    z-index: 4;
}
